<!DOCTYPE html>
<html>
  <link rel='stylesheet' type='text/css' href='style.css'>
  <body>
    <meter id='m1' value="0.1" low="0" optimum="0.5" high="1" min="0" max="1"></meter>
    <meter id='m2' value="0.1" low="0.3" optimum="0.7" high="1" min="0" max="1"></meter>
    <meter id='m3' value="0.1" low="0.3" optimum="0.7" high="0.5" min="0" max="1"></meter>
    <meter id='m4' value="0.1" low="0.3" optimum="0.7" high="0.5" min="0" max="1"></meter>
    <meter id='m5' value="0.1" low="0.3" optimum="0.7" high="0.5" min="0" max="1"></meter>
    <meter id='m6' value="0.1" low="0.3" optimum="0.7" high="0.5" min="0" max="1"></meter>

    <script>

    var m = document.getElementById('m1');
    m.setAttribute("low",0.3);

    m = document.getElementById('m2');
    m.setAttribute("high",0.5);

    m = document.getElementById('m3');
    m.setAttribute("value",0.4);

    m = document.getElementById('m4');
    m.setAttribute("optimum",0.1);

    m = document.getElementById('m5');
    m.setAttribute("min",0.9);

    m = document.getElementById('m6');
    m.setAttribute("max",0.5);

    </script>
  </body>
</html>
